// 引入sass模板
@import "public/public-url";

//行高
.data-item *{
    font-size: 16px;
    line-height: 2em;
}
/* 数据项目 */
.data-item{
    width:100%;
    margin:15px 0;
    padding:5px 20px;
    border-left:1px solid #bbb;
    //重置label样式
    label{
        margin:0;
        font-weight: normal;
    }

    //输入框
    .data-text,
    .data-select{
        min-height: 28px;
        padding:0 10px;
        margin-right: 20px;
        border:1px solid #bbb;
    }
    //下划线类型输入框
    .data-text.data-text-line{
        border-top-color:transparent;
        border-left-color:transparent;
        border-right-color:transparent;
    }

    //设置尺寸
    .data-text-xs{
        width:80px !important;
    }
    .data-text-sm{
        width:200px !important;
    }
    .data-text-lg{
        width:350px !important;
    }
    .data-text-block{
        width:100% !important;
    }

    //标题和内容并列布局
    >.data-item-tit,
    >.data-item-cont{
        padding:5px 0;
        display:inline-block;
    }
    //表单标题
    >.data-item-tit{
        padding-right:10px;
        //标题文字置于顶部
        &.text-top{
            vertical-align: top;
        }
    }
    // 表单项目内容区域
    >.data-item-cont{
        //单选多选框
        label{
            margin-right: 10px;
        }
    }
}

/* 标题和内容不并列 */
.data-item-block{
    //标题和内容换行布局
    >.data-item-tit,
    >.data-item-cont{
        display:block;
    }
}




/* 可选项默认隐藏 */
// .data-item[data-optional="true"]{
//     >.data-item-cont{
//         display:none;
//     }
//     .data-item{
//         display:none;
//     }
// }

